<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>SmartApp</title>
    <link rel="stylesheet" href="css/screen.css">
    <link rel="stylesheet" href="css/960.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/gh-buttons.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css">
    <!--<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <link rel="stylesheet" href="cleditor/jquery.cleditor.css">-->
</head>
<body>

    <div id="wrapper">
        <div id="content" class="container_12">
            <h1>SmartPages' Draft</h1>
            <a href="#/home" class="button primary">Home</a>
            <a href="#/login" class="button primary">Login</a>
            <a href="#/builder" class="button primary">Builder</a>
            <div id="pageArea" class="grid_12">
            </div>
        </div>
    </div>

    <!-- шаблоны интерфейса  -->
    <script type="text/template" id="home-interface-page">
        <h4>Main Page</h4>
        <p>Smart Pages' project will be here soon :)</p>
        <p></p>
        <p>But right now you can push buttons above</p>
    </script>

    <script type="text/template" id="login-interface-page">
        <h4>Login Page</h4>
        <form class="loginForm">
            <label>Email</label>  <br>
            <input type="text" class="loginFormInput"><br>
            <label>Password</label>   <br>
            <input type="text" class="loginFormInput"> <br>
            <input type="submit" class="button big" value="Go to SmartPages' System">
        </form>
    </script>

    <script type="text/template" id="builder-interface-page">
        <h4>Builder Page</h4>
        <div class="button-group minor-group" id="main-builder-nav">
            <a href="#/builder" id="add-txt-widget" class="button primary">Text Widget</a>
            <a href="#/builder" id="add-img-widget" class="button primary">Image Widget</a>
            <a href="#/builder" class="button primary">Form Widget</a>
            <a href="#/builder" class="button primary">Button Widget</a>
        </div>
        <div id="special-area">
        </div>
        <div id="builder-area" class="builder-area"></div>
    </script>
    <!-- конец шаблонов интерфейса  -->

    <!-- шаблоны виджетов  -->
    <script type="text/template" id="txt-widget-template">
        <div class="txt-widget">
            <div class="text-widget-textarea-class" contenteditable="true"><%= defaultText %></div>
            <p class="drag">Drag me</p>
        </div>
    </script>

    <script type="text/template" id="img-widget-template">
        <div class="img-widget">
            <form action="#/builder">
                <input type="file"><br><br>
                <label>ALT  </label><input type="text"> <br>
                <label>TITLE</label><input type="text"><br><br>
                <input type="submit" value="Сохранить"> <br>
            </form>
        </div>
    </script>
    <!-- конец шаблонов виджетов  -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
    <!--<script type="text/javascript" src="cleditor/jquery.cleditor.js"></script>
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>-->
    <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
    <script src="js/app.js"></script>




</body>
</html>